/**
 * 主题相关工具类
 */

/**
 * 获取主题变量
 * @param {string} theme 主题名称
 * @returns {Object} 主题变量对象
 */
export const getThemeVariables = (theme = 'light') => {
  const themes = {
    light: {
      '--bg-color': '#ffffff',
      '--text-color': '#333333',
      '--border-color': '#e4e7ed',
      '--primary-color': '#518aff',
    },
    dark: {
      '--bg-color': '#1f1f1f',
      '--text-color': '#ffffff',
      '--border-color': '#434343',
      '--primary-color': '#177ddc',
    }
  }
  return themes[theme] || themes.light
}

/**
 * 应用主题
 * @param {string} theme 主题名称
 */
export const applyTheme = (theme) => {
  const variables = getThemeVariables(theme)
  Object.entries(variables).forEach(([key, value]) => {
    document.documentElement.style.setProperty(key, value)
  })
}

/**
 * 获取组件主题类名
 * @param {string} baseClass 基础类名
 * @param {string} theme 主题名称
 * @returns {string} 完整类名
 */
export const getThemeClassName = (baseClass, theme) => {
  return `${baseClass} ${baseClass}--${theme}`
} 